<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Audio visualization</title>
  <link rel="icon" href="http://web.sxl.show/sxl.ico" />
  <link rel="stylesheet" href="index.css">
</head>

<body>
  <!-- 进度条 -->
  <svg width="100vw" height="100vh" class="jds">
    <polyline points="0,0" stroke="#07c491" stroke-width="2" fill="none">
  </svg>
  <!-- 切歌按钮 -->
  <div id="left" class="hide iconfont icon-jiantou-copy"></div>
  <div id="right" class="hide iconfont icon-jiantou"></div>
  <div id="clickMe">点击页面开始播放</div>
  <canvas id="canvas"></canvas>
  <audio id="audio" crossorigin="anonymous" controls></audio>
  <!-- 歌曲列表 -->
  <ul class="mList hide"></ul>
  <script src="index.js"></script>
</body>

</html>